<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小U-我的</title>
    <link rel="stylesheet" href="./css/reset.css">
    <script src="./js/remScale.js"></script>
    <link rel="stylesheet" href="./css/my.css">
    <link rel="stylesheet" href="./css/public.css">
</head>
<body>
    <div class="contain">
        <header class="header">
            <div class="left">
                <a href="#"><img src="./images/public/arrow.jpg" alt=""></a>
            </div>
            <div class="center">
                <h2>我的订单</h2>
            </div>
            <div class="right">
                <span></span>
                <span></span>
                <span></span>
            </div>       
        </header>
        <div class="top">
            <div class="left">
                <div class="l-left">
                    <a href="#">
                        <img src="./images/mine_/head.jpg" alt="">
                    </a>
                </div>
                <div class="l-right">
                    <p class="p1"><a href="#">悠溯</a></p>
                    <p class="p2"><i>V1</i></p>
                </div>
            </div>
            <div class="right">
                <a href="#">每日签到</a>
            </div>
        </div>

        <div class="nav">
            <div class="left">
                <a href="#"><img src="./images/mine_/icon_1.jpg" alt=""></a>
                <p>全部订单</p>
            </div>
            <div class="center">
                <a href="#"><img src="./images/mine_/icon_2.jpg" alt=""></a>
                <p>待付款</p>
            </div>
            <div class="right">
                <a href="#"><img src="./images/mine_/icon_3.jpg" alt=""></a>
                <p>待收货</p>
            </div>
        </div>

        <hr class="hr3">

        <div class="m-list">
            <ul>
                <li>
                    <a href="#"><img src="./images/mine_/icon_4.jpg" alt="">地址管理</a>
                    <a><img src="./images/public/right.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/mine_/icon_5.jpg" alt="">我的钱包</a>
                    <a class="purse" href="#">200余额</a> 
                    <a><img src="./images/public/right.jpg" alt=""></a>     
                </li>
                <li>
                    <a href="#"><img src="./images/mine_/icon_6.jpg" alt="">我的优惠券</a>
                    <a><img src="./images/public/right.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/mine_/icon_7.jpg" alt="">我的二维码</a>
                    <a><img src="./images/public/right.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/mine_/icon_8.jpg" alt="">我的小伙伴</a>
                    <a><img src="./images/public/right.jpg" alt=""></a>
                </li>
            </ul>
        </div>
        <div class="blank"></div>
        <footer class="footer">
            <div class="left">
                <a href="#"><img src="./images/public/icon_8.jpg" alt="">
                </a><p>首页</p>
                
            </div>
            <div class="center">
                <a href="#"><img src="./images/public/icon_7.jpg" alt="">
                </a>
                <p>购物车</p>
            </div>
            <div class="right">
                <a href="#"><img src="./images/public/icon_10.jpg" alt="">
                </a>
                <p>我的</p>
                
            </div>
        </footer>
    </div>
</body>
</html>